import React from "react";

export function ExpoIcon({
  size,
  color,
}: {
  size: number;
  color: React.CSSProperties["color"];
}) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 64 64"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M31.0303 25.3423C31.5383 24.5937 32.094 24.4984 32.5455 24.4984C32.9966 24.4984 33.7478 24.5937 34.2559 25.3423C38.2592 30.8419 44.868 41.7956 49.743 49.8763C52.9218 55.146 55.3635 59.193 55.8645 59.7081C57.7448 61.6418 60.3242 60.4363 61.8227 58.2436C63.2982 56.0843 63.7074 54.5682 63.7074 52.9506C63.7074 51.8489 42.3327 12.0956 40.1801 8.78659C38.11 5.60424 37.4356 4.80005 33.8922 4.80005H31.2408C27.7085 4.80005 27.1978 5.6038 25.1277 8.78659C22.9751 12.096 1.59998 51.8489 1.59998 52.951C1.59998 54.5682 2.00958 56.0843 3.48467 58.2431C4.9836 60.4368 7.56302 61.6418 9.44329 59.7085C9.94426 59.193 12.386 55.146 15.5652 49.8763C20.4394 41.7956 27.027 30.8419 31.0303 25.3423Z"
        fill={color}
      />
    </svg>
  );
}
